﻿<%@ Page Title="Sign In - Savory Housing" Language="C#" MasterPageFile="~/RealState.master" AutoEventWireup="true" EnableEventValidation="false" CodeBehind="Sign-In.aspx.cs" Inherits="WebApplication._Login" %>
<asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent">
<script type="text/javascript">
      $(document).ready(function () {
          $(":input[title]").each(function () {
              $(this).val($(this).attr("title"));
              $(this).bind('focus', function () {
                  if ($(this).val() == $(this).attr("title")) $(this).val('');
              });
              $(this).bind('blur', function () {
                  if ($(this).val() == '') $(this).val($(this).attr("title"));
              });
          });

      });

      function MemberShipChecked(Obj) {
          if (Obj.id == 'MainContent_chkMemberShip') {
              $('#<%=chkMemberShip.ClientID %>').attr('checked', 'checked');
              $('#<%=chkNonMemberShip.ClientID %>').attr('checked', false);
          }
          else {
              $('#<%=chkNonMemberShip.ClientID %>').attr('checked', 'checked');
              $('#<%=chkMemberShip.ClientID %>').attr('checked', false);
          }
      }
      function ForgetPassword() {
          $('#<%=btnSignIn.ClientID%>').attr('value', 'Submit');
          $('#<%=txtPassword.ClientID%>').hide("fast");
          $('#<%=chkRemember.ClientID%>').hide("fast");
          $('#lblKeepMeLogedIn').hide("fast");
          $('#lnkForgetPassword').hide("fast");
          $('#btnCancel').show("fast");
      }
      function ForgetPasswordCancel() {
          $('#<%=btnSignIn.ClientID%>').attr('value', 'Sign In');
          $('#<%=txtPassword.ClientID%>').show("fast");
          $('#<%=chkRemember.ClientID%>').show("fast");
          $('#lblKeepMeLogedIn').show("fast");
          $('#lnkForgetPassword').show("fast");
          $('#btnCancel').hide("fast");
      }

      function OpenSignIn() {
          $('#divSignIn').hide("fast");
          $('#divNewRegister').show("fast");
          $('#divAlrdyRegister').show("fast");
      }


      function divdirectSearchMenu1() {

          $('#divdirectSearchMenu1').css('display', 'block');
          $('#divSignIn').css('display', 'none');
      }
      function divdirectSearchMenu2() {

          $('#divdirectSearchMenu2').css('display', 'block');
          $('#divdirectSearchMenu1').css('display', 'none');
      }
       
    </script>
</asp:Content>

<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent"> 
  <!--Slider-->
  <div class="slider_container">
    <div class="slider_container_head"> Featured Real Estate</div>
    <div id="gallery">
    <script type="text/javascript">

        stepcarousel.setup({
            galleryid: 'mygallery', //id of carousel DIV
            beltclass: 'belt', //class of inner "belt" DIV containing all the panel DIVs
            panelclass: 'panel', //class of panel DIVs each holding content
            autostep: { enable: false, moveby: 1, pause: 3000 },
            panelbehavior: { speed: 2000, wraparound: true, wrapbehavior: 'slide', persist: true },
            defaultbuttons: { enable: true, moveby: 5, leftnav: ['../images/leftnav.jpg', -4, 0], rightnav: ['../images/rightnav.jpg', 0, 0] },
            statusvars: ["startA", "startB", "total"],
            onslide: function () {
                window.status = "Currently showing panels " + startA + " through " + startB
            }, //register 3 variables that contain current panel (start), current panel (last), and total panels
            contenttype: ['inline'] //content setting ['inline'] or ['external', 'path_to_external_file']
        })

    </script>
      <div class="countdown"> <a href="javascript:stepcarousel.stepBy('mygallery', -5)"> <img src="../images/gr-l_ar.jpg" alt="" border="0" align="top" /></a> &nbsp;
        Page <b><span id="startB"></span></b>of <b><span id="total"></span></b>&nbsp; <a
                    href="javascript:stepcarousel.stepBy('mygallery', 5)"> <img src="../images/gr-r_ar.jpg" alt="" border="0" align="top" /></a> </div>
      <div id="mygallery" class="stepcarousel">
        <div class="belt">
          <div class="panel">
            <div class="slider_boxes">
              <div class="img"> <img src="../images/slider_img1.jpg" width="127" height="110" alt="" /></div>
              <div class="slider_boxes_content"> <span class="blue"><strong>116 Snow DR, DM, SA</strong></span> <span class="green">$19,000 </span> <br />
                750 (m2) Building<br />
                <span class="grey">3 Beds 2 Bath </span> <br />
                <span class="blue"><a href="#">Save Listing</a></span> </div>
            </div>
          </div>
          <div class="panel">
            <div class="slider_boxes">
              <div class="img"> <img src="../images/slider_img2.jpg" width="127" height="110" alt="" /></div>
              <div class="slider_boxes_content"> <span class="blue"><strong>116 Snow DR, DM, SA</strong></span> <span class="green">$19,000 </span> <br />
                750 (m2) Building<br />
                <span class="grey">3 Beds 2 Bath </span> <br />
                <span class="blue"><a href="#">Save Listing</a></span> </div>
            </div>
          </div>
          <div class="panel">
            <div class="slider_boxes">
              <div class="img"> <img src="../images/slider_img3.jpg" width="127" height="110" alt="" /></div>
              <div class="slider_boxes_content"> <span class="blue"><strong>116 Snow DR, DM, SA</strong></span> <span class="green">$19,000 </span> <br />
                750 (m2) Building<br />
                <span class="grey">3 Beds 2 Bath </span> <br />
                <span class="blue"><a href="#">Save Listing</a></span> </div>
            </div>
          </div>
          <div class="panel">
            <div class="slider_boxes">
              <div class="img"> <img src="../images/slider_img2.jpg" width="127" height="110" alt="" /></div>
              <div class="slider_boxes_content"> <span class="blue"><strong>116 Snow DR, DM, SA</strong></span> <span class="green">$19,000 </span> <br />
                750 (m2) Building<br />
                <span class="grey">3 Beds 2 Bath </span> <br />
                <span class="blue"><a href="#">Save Listing</a></span> </div>
            </div>
          </div>
          <div class="panel">
            <div class="slider_boxes">
              <div class="img"> <img src="../images/slider_img1.jpg" width="127" height="110" alt="" /></div>
              <div class="slider_boxes_content"> <span class="blue"><strong>116 Snow DR, DM, SA</strong></span> <span class="green">$19,000 </span> <br />
                750 (m2) Building<br />
                <span class="grey">3 Beds 2 Bath </span> <br />
                <span class="blue"><a href="#">Save Listing</a></span> </div>
            </div>
          </div>
          <div class="panel">
            <div class="slider_boxes">
              <div class="img"> <img src="../images/slider_img3.jpg" width="127" height="110" alt="" /></div>
              <div class="slider_boxes_content"> <span class="blue"><strong>116 Snow DR, DM, SA</strong></span> <span class="green">$19,000 </span> <br />
                750 (m2) Building<br />
                <span class="grey">3 Beds 2 Bath </span> <br />
                <span class="blue"><a href="#">Save Listing</a></span> </div>
            </div>
          </div>
          <div class="panel">
            <div class="slider_boxes">
              <div class="img"> <img src="../images/slider_img3.jpg" width="127" height="110" alt="" /></div>
              <div class="slider_boxes_content"> <span class="blue"><strong>116 Snow DR, DM, SA</strong></span> <span class="green">$19,000 </span> <br />
                750 (m2) Building<br />
                <span class="grey">3 Beds 2 Bath </span> <br />
                <span class="blue"><a href="#">Save Listing</a></span> </div>
            </div>
          </div>
          <div class="panel">
            <div class="slider_boxes">
              <div class="img"> <img src="../images/slider_img3.jpg" width="127" height="110" alt="" /></div>
              <div class="slider_boxes_content"> <span class="blue"><strong>116 Snow DR, DM, SA</strong></span> <span class="green">$19,000 </span> <br />
                750 (m2) Building<br />
                <span class="grey">3 Beds 2 Bath </span> <br />
                <span class="blue"><a href="#">Save Listing</a></span> </div>
            </div>
          </div>
          <div class="panel">
            <div class="slider_boxes">
              <div class="img"> <img src="../images/slider_img3.jpg" width="127" height="110" alt="" /></div>
              <div class="slider_boxes_content"> <span class="blue"><strong>116 Snow DR, DM, SA</strong></span> <span class="green">$19,000 </span> <br />
                750 (m2) Building<br />
                <span class="grey">3 Beds 2 Bath </span> <br />
                <span class="blue"><a href="#">Save Listing</a></span> </div>
            </div>
          </div>
          <div class="panel">
            <div class="slider_boxes">
              <div class="img"> <img src="../images/slider_img3.jpg" width="127" height="110" alt="" /></div>
              <div class="slider_boxes_content"> <span class="blue"><strong>116 Snow DR, DM, SA</strong></span> <span class="green">$19,000 </span> <br />
                750 (m2) Building<br />
                <span class="grey">3 Beds 2 Bath </span> <br />
                <span class="blue"><a href="#">Save Listing</a></span> </div>
            </div>
          </div>
          <div class="panel">
            <div class="slider_boxes">
              <div class="img"> <img src="../images/slider_img3.jpg" width="127" height="110" alt="" /></div>
              <div class="slider_boxes_content"> <span class="blue"><strong>116 Snow DR, DM, SA</strong></span> <span class="green">$19,000 </span> <br />
                750 (m2) Building<br />
                <span class="grey">3 Beds 2 Bath </span> <br />
                <span class="blue"><a href="#">Save Listing</a></span> </div>
            </div>
          </div>
          <div class="panel">
            <div class="slider_boxes">
              <div class="img"> <img src="../images/slider_img3.jpg" width="127" height="110" alt="" /></div>
              <div class="slider_boxes_content"> <span class="blue"><strong>116 Snow DR, DM, SA</strong></span> <span class="green">$19,000 </span> <br />
                750 (m2) Building<br />
                <span class="grey">3 Beds 2 Bath </span> <br />
                <span class="blue"><a href="#">Save Listing</a></span> </div>
            </div>
          </div>
          <div class="panel">
            <div class="slider_boxes">
              <div class="img"> <img src="../images/slider_img3.jpg" width="127" height="110" alt="" /></div>
              <div class="slider_boxes_content"> <span class="blue"><strong>116 Snow DR, DM, SA</strong></span> <span class="green">$19,000 </span> <br />
                750 (m2) Building<br />
                <span class="grey">3 Beds 2 Bath </span> <br />
                <span class="blue"><a href="#">Save Listing</a></span> </div>
            </div>
          </div>
          <div class="panel">
            <div class="slider_boxes">
              <div class="img"> <img src="../images/slider_img3.jpg" width="127" height="110" alt="" /></div>
              <div class="slider_boxes_content"> <span class="blue"><strong>116 Snow DR, DM, SA</strong></span> <span class="green">$19,000 </span> <br />
                750 (m2) Building<br />
                <span class="grey">3 Beds 2 Bath </span> <br />
                <span class="blue"><a href="#">Save Listing</a></span> </div>
            </div>
          </div>
          <div class="panel">
            <div class="slider_boxes">
              <div class="img"> <img src="../images/slider_img3.jpg" width="127" height="110" alt="" /></div>
              <div class="slider_boxes_content"> <span class="blue"><strong>116 Snow DR, DM, SA</strong></span> <span class="green">$19,000 </span> <br />
                750 (m2) Building<br />
                <span class="grey">3 Beds 2 Bath </span> <br />
                <span class="blue"><a href="#">Save Listing</a></span> </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!--Slider-->
  <div class="hm_links">
    <div id="divSignIn">
      <div id="divNewRegister" class="NewRegister">
      <asp:Panel ID="pnl_NewRegister" runat="server" DefaultButton="btnSignUp">
        <h2> New Register</h2>
        <dl class="form clearfix">
          <dt>
            <label>
              <input id="chkMemberShip" type="checkbox" checked="checked" onclick="MemberShipChecked(this);"
                                name="member" runat="server" />
              <span class="blue">Membership</span></label>
            <br />
            <label>
              <input id="chkNonMemberShip" type="checkbox" onclick="MemberShipChecked(this);" name="member"
                                runat="server" />
              <span class="blue">Without Membership</span></label>
          </dt>
          <dt><a href="javascript:void(0)" onclick="document.getElementById('light').style.display='block';document.getElementById('fade').style.display='block'" class="lnk_purple">What is the Difference?</a></dt>
          
          <div id="light" class="popup_content" style="display:none;">
            <div class="popup_container">
              <div class="popup_msg">
              <h2>What is the Difference?</h2>
              <p>Aug 9, 2012 - Rather than using a bloated plugin that has features you'll never use, 
                this tutorial shows you how to create a super simple lightbox for handling ...
                You visited this page on 20/7/13.</p>
              <ul>
                <li>In this example everything is static</li>
                <li>Hope you will find it useful, should you use</li>
                <li>Template Monster offers you a great assortment of CSS Templates</li>
              </ul>
              </div>
              <div class="popup_ok"><input type="button" value="Ok, I got it" onclick="document.getElementById('light').style.display='none';document.getElementById('fade').style.display='none'" /></div>
            </div>
            
            
          </div>

          <dt>
            <div style="height: 62px;"> </div>
            <asp:Button ID="btnSignUp" runat="server" CssClass="reg-blue-round-btn w75" OnClick="btnSignUp_Click" Text="Sign Up" />
          </dt>
        </dl>
        </asp:Panel>
      </div>
      <div id="divAlrdyRegister" class="AlrdyRegister">
       <asp:Panel ID="pnl_AlrdyRegister" runat="server" DefaultButton="btnSignIn">
        <h2>Already Registered</h2>
        <dl class="form clearfix">
          <dt>
            <asp:TextBox ID="txtUserName" CssClass="form-text" title="Email Address" MaxLength="100"
                            runat="server" />
          </dt>
          <dt>
            <asp:TextBox ID="txtPassword" CssClass="form-text" runat="server" title="Password"
                            TextMode="Password" MaxLength="20" />
          </dt>
          <dt>
            <label id="lblKeepMeLogedIn">
              <input id="chkRemember" type="checkbox" checked="checked" runat="server" />
              <span class="blue"> Keep Me Loged In</span></label>
          </dt>
          <dt><a id="lnkForgetPassword" href="ForgotPassword.aspx" class="lnk_purple"> Forgot Password?</a></dt>
          <dt> <br />
          <dt> <tt>
            <asp:Label ID="lblMessage" CssClass="error" Visible="false" runat="server" />
            <asp:Button ID="btnSignIn" runat="server" CssClass="reg-blue-round-btn w75" OnClick="btnSignIn_Click" Text="Sign In" />
            </tt> <tt>
            <input type="button" id="btnCancel" value="Cancel" onclick="ForgetPasswordCancel()" class="reg-blue-round-btn w75" style="display:none" />
            </tt> </dt>
          </dt>
        </dl>
        </asp:Panel>
      </div>
    </div>
  </div>
  <div class="clear"> </div>
  </div>
</asp:Content>
